<nz-modal [(nzVisible)]="isVisible" nzWidth="300px"
          [nzFooter]="null"
          style="text-align: center"
          [nzTitle]="fileName" (nzAfterOpen)="renderCode()" (nzOnCancel)="handleCancel()"
          (nzOnOk)="handleOk()">
  <div style="margin:5px auto;width:120px;">
    <div style="margin:5px 0;width:120px;" id="qrcode">
    </div>
  </div>
  <div style="margin:5px auto;width:120px;">
    <button style="margin:5px 0;width:120px;" nz-button nzType="primary" (click)="createImg(240)">
      <i nz-icon nzType="download"></i>5cm * 5cm
    </button>
    <button style="margin:5px 0;width:120px;" nz-button nzType="primary" (click)="createImg(384)">
      <i nz-icon nzType="download"></i>8cm * 8cm
    </button>
    <button style="margin:5px 0;width:120px;" nz-button nzType="primary" (click)="createImg(720)">
      <i nz-icon nzType="download"></i>15cm * 15cm
    </button>
  </div>
  <div hidden="hidden">
    <div id="text"></div>
  </div>
</nz-modal>
